<? ob_start("ob_gzhandler"); ?>
<!DOCTYPE HTML>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="es"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="es"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="es"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="es"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title><?php echo $title ?></title>
        <meta name="description" content="<?php echo $description ?>" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="keywords" content="<?php echo $keywords ?>" />
        <meta name="author" content="<?php echo $author ?>" />

        <!-- extra fonts-->
        <?php foreach ($fonts as $f): ?>
            <link href="http://fonts.googleapis.com/css?family=<?php echo $f ?>" rel="stylesheet" type="text/css">
        <?php endforeach; ?>

        <!-- extra js-->
        <?php foreach ($javascript1 as $js): ?>
            <script src="<?php echo base_url() . JS . $js ?>"></script>
        <?php endforeach; ?>

        <!-- Le fav and touch icons -->
        <link rel="shortcut icon" href="<?php echo base_url(ICO . 'favicon.ico'); ?>">
        <link rel="apple-touch-icon" href="<?php echo base_url(ICO . 'apple-touch-icon-precompresse.png'); ?>">
        <link rel="apple-touch-icon" sizes="57x57" href="<?php echo base_url(ICO . 'apple-touch-icon-57x57-precompressed.png'); ?>">
        <link rel="apple-touch-icon" sizes="72x72" href="<?php echo base_url(ICO . 'apple-touch-icon-72x72-precompressed.png'); ?>">
        <link rel="apple-touch-icon" sizes="114x114" href="<?php echo base_url(ICO . 'apple-touch-icon-114x114-precompressed.png'); ?>">

    </head>
    <body>
        <script>
        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
        m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
        })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

        ga('create', 'UA-43519136-1', 'faunio.com');
        ga('send', 'pageview');

        </script>
        <?php echo $body ?>
    </body>

    <!-- styles -->
    <link href="<?= base_url(CSS . "bootstrap.css"); ?>" rel="stylesheet">
    <link href="<?= base_url(CSS . "bootstrap-responsive.css"); ?>" rel="stylesheet">
    <link href="<?= base_url(CSS . "style.css"); ?>" rel="stylesheet">
    <link href="<?= base_url(COLOR . "theme.php".(isset($color) ? '?color='.$color : '')); ?>" rel="stylesheet">
    <!--[if IE]>
    <link rel="stylesheet" href="<?= base_url(CSS . "ie.css"); ?>" defer>
    <![endif]-->

    <!--[if lt IE 9]>
    <script src="<?= base_url(JS . "respond.js"); ?>" defer></script>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js" defer></script>
    <![endif]-->

    <!--[if (gte IE 6)&(lte IE 8)]>
    <script src="<?= base_url(JS . "selectivizr.js"); ?>" defer></script>
    <![endif]-->
    <script src="<?= base_url(JS . "jquery-1.8.2.min.js"); ?>"></script>
    <script src="<?= base_url(JS . "modernizr.js"); ?>"></script>
    <script src="<?= base_url(JS . "bootstrap.js"); ?>"></script>
    <script src="<?= base_url(JS . "application.js"); ?>"></script>
    <script src="<?= base_url(JS . "validaciones/home.js"); ?>"></script>

    <!-- extra CSS-->
    <?php foreach ($css as $c): ?>
        <link rel="stylesheet" href="<?= base_url() . CSS . $c ?>">
    <?php endforeach; ?>

    <!-- extra js-->
    <?php foreach ($javascript2 as $js): ?>
        <script src="<?= base_url(JS . $js) ?>"></script>
    <?php endforeach; ?>

    <script src="<?= base_url(JS . "custom.js"); ?>"></script>

</html>
